<template>
  <div class='screenmain'>
     用户名:  <input type="text" v-model="name"  >
     密码:  <input type="text" v-model="pass" >
     <button @click="login">登录</button>
  </div>
</template>

<script>

  export default {
    name: 'name',
    // import引入的组件需要注入到对象中才能使用
    components: {},
    data () {
      // 这里存放数据
      return {
          name:'',
          pass:''
      }
    },
    // 监听属性 类似于data概念
    computed: {},
    // 监控data中的数据变化
    watch: {},
    // 方法集合
    methods: {
      login(){

        if(this.name=='123'&& this.pass == '456'){
          localStorage.setItem("login",'login')
          this.$router.push({name:'home'})
        }else{
          this.$message.warning("文件尚未生成，请稍后再试");
            localStorage.removeItem("login")
        }
}

    },
    // 生命周期 - 创建完成（可以访问当前this实例）
    created () {},
    // 生命周期 - 挂载完成（可以访问DOM元素）
    mounted () {},
    // 这里存放数据
    beforeCreate () {},
    // 生命周期 - 挂载之前 
    beforeMount () {},
    // 生命周期 - 更新之前 
    beforeUpdate() {},
    // 生命周期 - 更新之后 
    updated () {},
    // 生命周期 - 销毁之前 
    beforeDestroy() {},
    // 生命周期 - 销毁完成 
    destroyed () {},
    // 如果页面有keep-alive缓存功能，这个函数会触发
    activated () {}
  }
</script>
<style lang='less' scoped>
  // @import url(); 引入公共css类
  @import url('../../assets/css/public.less');


</style>